//首页
<template>
			<div style="	position: relative;">
					<img  class="img1" src="../../assets/img/home/banner.jpg"  style="width:100%" alt="">
			</div>
</template>

<script>

import { mapMutations,mapState } from "vuex";
import {dateFormat} from '../../assets/js/common'
export default {
	data() {
		return {

		};
	},

	methods: {

		...mapMutations(['navUrlChange', 'ifLoadingChange']),
	
	},
	created() {

		this.navUrlChange('home');
	},
	
	watch:{
		entrustDate:function(){
			this.entrustDate.num == 1? 'this.lv="#284959"':'this.lv="#4c3556"';
		
		}
	}

};
</script>

<style lang="scss" scoped>


.zhu_ce{
	background: transparent!important;

}
.deng_lu{
	background: transparent!important;
}
.no-data {
  text-align: center;
  font-size: 24px;
  color: #6f77a1;
  line-height: 100px;
  height: 100px;
}
.nav-home-bg {
  background: transparent;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}


.home {
  .banner {
		width: 100%;
		height:480px;
    .carousel-caption {
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      h1 {
        font-size: 60px;
        margin-bottom: 35px;
        text-align: center;
      }
    }
    img {
      width: 100%;
	    height:480px;
    }
		.carousel-indicators{
			box-shadow: 0;
		}
		/deep/ .carousel-indicators li{
			width:45px!important;
			box-shadow: 0
		}
   /deep/  .carousel-indicators li:hover {
      cursor: pointer;
    }
   /deep/  .carousel-indicators li:focus {
      outline: none!important;
			box-shadow: 0;
    }
  }
  .goto-trade-btn {
    margin: 0 auto;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    width: 150px;
    font-size: 20px;
    background: #2d6df0;
    cursor: pointer;
    color: #fff;
  }
  .home-table {
    margin-top: 30px;
    padding: 0px 15px 1px;
    background: #1d1e33;
    box-shadow: 0 0 15px hsla(0, 0%, 39%, 0.2);
    font-size: 14px;
    color: #666;
    .coin-type {
      height: 56px;
      width: 100%;
      border-bottom: 2px solid #2b2c47;
      ul li {
        list-style: none;
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        float: left;
        width: 100px;
        text-align: center;
        cursor: pointer;
        &:hover {
          background: #2d6df0;
          color: #fff;
        }
      }
      ul li.activeType {
        background: #2d6df0;
        color: #fff;
      }
    }
    .tableStyle {
      width: 100%;
      color: #6f77a1;
      .tableText {
        cursor: pointer;
        color: #ffffff;
      }
    }
    .tableStyle td,
    .tableStyle th {
      padding: 1.2rem;
      border-bottom: 1px solid #2b2c47;
    }
    .tableStyle tr:first-child:hover {
      background: #1d1e33;
    }
    // .tableStyle tr.tableText:nth-child(even) {
    // 	background: #f8f8f9;
    // }
    .tableStyle tr:hover {
      width: 100%;
      background: #212238;
    }
  }
  .home-news {
    padding: 30px 0;
  }
  .home-news h3 {
    text-align: center;
    margin-top: 30px;
    position: relative;
    padding-bottom: 30px;
    img {
      width: 100%;
      max-width: 338px;
      margin: 20px auto;
    }
  }
  .home-news-list {
    padding: 0 10px;
    min-height: 334px;
    position: relative;
  }
  .news-date-card {
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: 37px;
    width: 94px;
    height: 95px;
    padding: 0 10px;
    background: url(../../assets/img/newsCard.png);
    color: #fff;
    p {
      line-height: 20px;
      padding: 23px 0 10px;
      font-size: 26px;
      text-align: left;
      border-bottom: 1px solid #413f6c;
    }
    div {
      padding: 12px 6px 0 0;
      text-align: right;
    }
  }
  .news-content {
    box-sizing: border-box;
    padding: 140px 34px 0;
    height: 355px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 15px hsla(0, 0%, 39%, 0.2);
    margin-bottom: 30px;
    a {
      text-decoration: none;
    }
    div.news-sum-detail {
      color: #999;
      text-align: justify;
      line-height: 28px;
      cursor: pointer;
      padding-bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: break-word;
      word-break: break-all;
      * {
        font-size: 14px !important;
        line-height: 24px !important;
        color: #999 !important;
        font-weight: normal !important ;
        background: transparent !important;
        display: inline !important;
      }
    }
    p {
      margin: 0 0 26px;
      font-size: 16px;
      color: #666;
      cursor: pointer;
    }
  }
  .more {
    display: inline-block;
    position: absolute;
    top: 48px;
    right: 45px;
    width: 97px;
    height: 23px;
    opacity: 0.6;
    background: url(../../assets/img/more.png);
    cursor: pointer;
    &:hover {
      background: url(../../assets/img/morehover.png);
    }
  }
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fbfcfd;
}
// @media screen and (min-width: 1500px) {
//   .home .container {
//     max-width: 1500px;
//     width: 100%;
//   }
// }

// @media screen and (max-width: 980px) {
//   .carousel-caption {
//     h1 {
//       font-size: 40px !important;
//     }
//   }
// }
// @media screen and (max-width: 480px) {
//   .carousel-caption {
//     h1 {
//       font-size: 24px !important;
//     }
//   }
// }
.rise {
	color: #fa4247!important;

}
.colorred {
  color: #5ac87e!important;
}
.zhuanshi_content{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.bulletin_board{
	background: #122553;
	width:100%;
	height:40px;
}
.bulletin_board_content{
	display:flex;
	justify-content: space-between;
	width:1200px;
	margin:0 auto;
	color:#ffffff;
	.left{

	}
	.con{
		font-family: NotoSerifLao-Regular;
		font-size: 14px;
		color: #9B9B9B;
		letter-spacing: 0;
		line-height: 40px;
		width:320px;

		.con1{
			display: block;
			float: left;
		width:75%;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding-right:5px;
		font-family: NotoSerifLao-Regular;
		font-size: 14px;
		color: #9B9B9B;
		letter-spacing: 0;
		line-height: 40px;
		}
	}
	.right{
	line-height: 40px;
	color:#3981F2;
	}
}
.k_xian{
	height:282px;
	width:1200px;
	margin:0 auto;
	position: relative;
}
.k_xian_xiao{
	width: 232px;
	height: 140px;
	position: absolute;

	top: 30px;
	background: #122553;
	.top{
		width: 100%;
		height: 100%;
		position:absolute;
		top:0;
		left: 0;
		z-index: 1000
	}
	.center{
		width: 100%;
		height: 100%;
		position:absolute;
		top:0;
		left: 0;
		z-index:2000;
		background: transparent;
		.cl1{
			margin-left: 10px;
      margin-top: 20px;
			font-family: SourceHanSans-Medium;
			font-size: 18px;
			color: #C6C6C6;
			letter-spacing: 0;
			font-weight: 600;
		}
		.cl1 span {
			font-size: 12px;
		}
		.cl2{
			margin-right: 26px;
			margin-top: -16px;
			float: right;
			font-family: SourceHanSans-Medium;
			font-size: 12px;
			color: #6CB875;
			letter-spacing: 0;

		}
		.cl3{
		    margin-left: 30px;
    		margin-top: 5px;
				font-family: SourceHanSans-Bold;
				font-size: 22px;
				color: #C6C6C6;
				letter-spacing: 0;
		}
			.cl3 span{
				font-size: 14px;
			}
	}
	.bottom{
		width: 100%;
		height: 100%;
		position:absolute;
		top:0;
		left: 0;
		z-index: 3000;
		display: none;
		background:transparent;
		cursor:pointer;
	}
	.nnnn{
		margin: 102px auto 0;
		width: 130px;
		height: 30px;
		background: rgba(18,37,83,0.50);
		border: 1px solid #3981F2;
		border-radius: 4px;
		font-family: SourceHanSans-Medium;
		font-size: 14px;
		color: #3981F2;
		letter-spacing: 0;
    text-align: center;
    line-height: 30px;
		}
}
.k_xian_xiao:hover  .bottom{
		display: block;
}
.k_xian_xiao:hover {
	border:1px solid #3981f2;
}

.k_xian_xiao:nth-child(1){
	left:0.5%;
}
.k_xian_xiao:nth-child(2){
	left:20.5%;
}
.k_xian_xiao:nth-child(3){
	left:40.5%;
}
.k_xian_xiao:nth-child(4){
	left:60.5%;
}
.k_xian_xiao:nth-child(5){
	left:80.5%;
}
.zhushitu{
	width:100%;
	height:442px;
	background: #182C5A;
}
.zhushitu1{
	width:100%;
	height: 436px;
	background: #E3ECFF;
	.wenzi1{
			position: absolute;
			left:60px!important;
			top:100px;
		.p1{
			font-family: SourceHanSans-Medium;
			font-size: 40px;
			color: #1F3F87;
			letter-spacing: 0;
			text-align: left;
		}
		.p2{
			font-family: SourceHanSans-Normal;
			font-size: 20px;
			line-height:28px;
			color: #1F3F87;
			letter-spacing: 0;
			text-align: left;
		}
	}
	.img1{
	float: right!important;

	}
	.img2{


	}
}
.zhuanshi_content{
	position: relative;
}
.wenzi1{
	position: absolute;
		left:800px;
		top:100px;
}
.wenzi1 .p1{
	// width:140px;
	height: 40px;
	padding-bottom:80px;
	font-family: SourceHanSans-Medium;
	font-size: 40px;
	color: #C6C6C6;
	letter-spacing: 0;
	text-align: right;
}
.wenzi1 .p2{

	font-family: SourceHanSans-Normal;
	font-size: 20px;
	line-height:28px;
	color: #C6C6C6;
	letter-spacing: 0;
	text-align: right;
}

</style>



